{{response.files.append(URL(r=request,c='static',f='js/ui.core.js'))}}
{{response.files.append(URL(r=request,c='static',f='js/ui.draggable.js'))}}
{{response.files.append(URL(r=request,c='static',f='js/ui.resizable.js'))}}
{{response.files.append(URL(r=request,c='static',f='js/fullcalendar.min.js'))}}
{{response.files.append(URL(r=request,c='static',f='css/fullcalendar.css'))}}
{{extend 'layout.html'}}
<!--<div id="homecontent">
<p>ggfkgdeufh</p>
       </div>-->
<h1 align='center'>Welcome to GyaanPushpa</h1>
<h2 align='center'> Ek Sakaar Bharat ka sapna</h2>
<h2>You can attend</h2>
<script type='text/javascript'>
  jQuery(document).ready(function() {

        var date = new Date();
        var d = date.getDate();
        var m = date.getMonth();
        var y = date.getFullYear();

        $('#calendar').fullCalendar({
            editable: false,
            events: [
            {{for i,row in enumerate(rows):}}{{if i!=0:}},{{pass}}
                {
                    title: '{{=row.area}}',
                    allDay: false,
                    start: new Date('{{=row.schedule_date.strftime('%B %d, %Y %H:%M:%S')}}'),
                    url: '{{=URL('view_schedule',args=row.id)}}'
                }
            {{pass}}
            ]
        });

    });
</script>
<div id='calendar'></div>
